@charset "utf-8";
/* CSS Document */
body{ background-color:#f1f1f1 !important;}
ul li{ padding:0; margin:0; list-style:none;}
#CB{ clear:both;} 
*{text-decoration: none;}
.test{border:#F00 solid 1px;}
.fl{ float:left}
.fr{ float:right}

.mt2{ margin-top:2px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}

.w50per{ width:50%; float:left; overflow:hidden}
.w45per{ width:45%; float:left; overflow:hidden}
.w40per{ width:40%; float:left; overflow:hidden}


.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}

.c_online{ color:#779148}
.c_offline{ color:#6b787e}
.c_error{ color:#c75d5d}
.c_charge{color:#7295ab}




/*top start */

.top{ background-color:#1ea3e8;height:75px; overflow:hidden;}


.top .logo{ float:left; margin:13px;}
.top .topBt {float:left; margin:28px 0 0 80px;}
.top .topBt li{float:left;margin-left:20px; }
.top .topBt li a{ color:#FFF;}

.top .topSearch{ float:left;margin:24px 0 0 40px;}
.top .topSearch .search{ float:left;}

.top .touxiang{width:197px;float:right;}
.top .touxiang .picture{margin-left:30px;margin-top:19px;}	
.top .touxiang .yonghuming{width:110px;height:20px;margin-left:78px;margin-top:-26px;font-family: "Microsoft YaHei",arial,helvetica,sans-serif;font-size:13px;color:#FFF;}

/*top end  >>>>>  menu start*/

.menu{ float:left; width:180px; z-index:999;}
.menu L1List { padding:0; margin:0;border-right:#dcdcdc solid 1px;}
.menu L1List>li{border-bottom:#dcdcdc solid 1px;background-color:#ffffff;color:#333}
.menu L1List>li:hover{ background-color:#f5f5f5;}
.menu L1List>li 

.menu L1List>li .icon{ margin:10px 0 0 30px; float:left; width:30px; text-align:center;}
.menu L1List>li .menuWd{ height:46px; line-height:46px; float:left; font-size:14px; margin-left:10px;}

.menu{ float:left; width:180px; z-index:999;}
.menu ul { padding:0; margin:0;border-right:#dcdcdc solid 1px;}
.menu ul a li{height:46px;border-bottom:#dcdcdc solid 1px;background-color:#ffffff;color:#333}
.menu ul a li:hover{ background-color:#f5f5f5;}

.menu ul a li .icon{ margin:10px 0 0 30px; float:left; width:30px; text-align:center;}
.menu ul a li .menuWd{ height:46px; line-height:46px; float:left; font-size:14px; margin-left:10px;}

.menu .tips{ border:#dcdcdc solid 1px; margin-top:15px;}
.menu .tips .title{ height:30px; line-height:30px; background-color:#F93; color:#fff; padding-left:10px; font-size:14px;}
.menu .tips .content{ padding:10px; font-size:12px; color:#333; background-color:#FFF}




/*menu end  >>>>> main start */

.main{ float:right; margin-left:-200px; width:100%;margin-top:20px; z-index:1;}
.mainContent{ margin-left:200px;border:#dcdcdc solid 1px;background-color:#FFF; }

/*main end */

.foot {height:30px; background-color:#333; line-height:30px; color:#CCC; font-size:12px; text-align:center; margin-top:20px;}




/* index style*/
.indexTitle{padding:15px; font-size:16px; color:#666}
.indexTitle .sTitle{color:#999; font-size:12px;}
.indexIconsBg{border-bottom:#dfdfdf solid 1px;border-top:#dfdfdf solid 1px; height:70px; background-color:#fbfbfb; margin:0; padding:0;}
.indexIconsBg li{ float:left; margin:15px 0 0 20px;}
.indexIconsBg .iconFg{ float:left;height:50px; width:1px; margin:10px 0 10px 20px; background-color:#dfdfdf;}
.iconBox{background:url(../img/index_icons.png) no-repeat ; width:33px; height:40px; float:left;}
.in_icon1{ background-position:0 5px;}
.in_icon2{ background-position:-200px 5px; }
.in_icon3{ background-position:-236px 5px; }
.in_icon4{ background-position:-270px 5px; }

.icon_3_1{ background-position:-312px 6px;}
.icon_3_2{ background-position:-359px 6px;}
.icon_3_3{ background-position:-406px 6px;}
.indexIconsBg .icon_con{float:left;color:#666; margin-top:10px; text-align:right}
.indexIconsBg .icon_con>.enTitle{font-size:9px; }
.indexIconsBg .icon_con>.cnTitle{  font-size:12px;}

.numb{ height:50px; margin:0 20px;line-height:50px;float:left; font-size:18px;}
.numberBox{background:url(../img/index_icons.png) no-repeat;width:83px; height:40px; float:left; margin:4px 0 0 10px; }
.icon_2_1{ background-position:-4px -42px;}
.icon_2_2{ background-position:-166px -42px;}
.icon_2_3{ background-position:-84px -42px;}
.icon_2_4{ background-position:-246px -42px;}



